// import React from 'react';
// import base64url from "base64url";
// import { connect } from 'dva'
// import { routerRedux } from 'dva/router';
// import { Icon, List, WhiteSpace, Badge,Tabs} from 'antd-mobile';
// import styles from './selfInfo.less';
//
// import NavBarItem from '../../../components/WitNavBar/index'
// const Item = List.Item;
// const Brief = Item.Brief;
// const TabPane = Tabs.TabPane;
// let wrapProps;
// const empty = require('is-empty');
// class Mine extends React.Component {
//
//   constructor(props) {
//     super(props);
//     this.state = {}
//   }
//
//   render() {
//
//
//     return (
//       <div className="mineMycard">
//         {/*<div className={styles.topstyle}>*/}
//         {/*<NavBarItem title="我的电子党建卡"/>*/}
//         {/*</div>*/}
//         <Tabs defaultActiveKey="1" onChange={this.myCarCallBack} onTabClick={this.myCarHandleTabClick}
//               swipeable={false}>
//           <TabPane tab='基本信息' key="1">
//             <div style={{marginTop: '1rem'}}></div>
//             <Item extra='张党建'>姓名</Item>
//             <Item extra='男'>性别</Item>
//             <Item extra='汉族'>族别</Item>
//             <Item extra='5001**********4188'>身份证号</Item>
//             <Item extra='1997-10'>出生年月</Item>
//             <WhiteSpace size="xl"/>
//             <Item extra='130******1111'>手机号</Item>
//             <Item extra='微信号'>微信号</Item>
//             <Item extra='123@qq.com'>电子邮箱</Item>
//             <Item extra='单位名称'>单位</Item>
//             <WhiteSpace size="xl"/>
//             <Item extra='党支部名称'>所在支部</Item>
//             <Item extra='上级党组织名称'>上级党组织</Item>
//             <Item extra='书记'>身份</Item>
//             <Item extra='3'>管理网站数</Item>
//             <Item extra='3'>网站主体数</Item>
//             <WhiteSpace size="xl"/>
//             <Item extra='130******1111'>所在支部</Item>
//             <Item extra='微信号'>微信号</Item>
//             <Item extra='123@qq.com'>电子邮箱</Item>
//             <Item extra='单位名称'>单位</Item>
//           </TabPane>
//           <TabPane tab='组织信息' key="2">
//             <div style={{marginTop: '1rem'}}></div>
//             <Item extra='党支部'>组织形式</Item>
//             <Item extra='2017-01-01'>成立时间</Item>
//             <Item extra='党支部名称'>党支部名称</Item>
//             <Item extra='党支部书记'>党支部书记</Item>
//             <Item extra='人员姓名'>党支部成员</Item>
//             <WhiteSpace size="xl"/>
//             <Item extra='上级党(工)委名称'>上级党(工)委</Item>
//             <Item extra='上级党支部名称'>上级党支部</Item>
//             <Item extra='上级党工委名称'>上级党工委</Item>
//             <Item extra='3'>正式党员数量</Item>
//             <Item extra='3'>预备党员数量</Item>
//             <Item extra='3'>入党积极分子</Item>
//             <WhiteSpace size="xl"/>
//             <Item extra='是'>是否有工会组织</Item>
//             <Item extra='是'>是否有团青组织</Item>
//             <Item extra='是'>是否有妇女组织</Item>
//           </TabPane>
//           <TabPane tab='发挥作用' key="3">
//             <div style={{marginTop: '1rem'}}></div>
//             <Item extra='2'>联系指导员督查网站次数</Item>
//             <Item extra='2'>组织互联网全体宣传活动次数</Item>
//             <Item extra='2'>年度参加活动次数</Item>
//             <Item extra='2'>年度培养入党积极分子数量</Item>
//             <Item extra='2'>年度发展党员数量</Item>
//             <Item extra='2'>培养和举荐网信人才数量</Item>
//           </TabPane>
//           <TabPane tab='负责网站' key="4">
//             <div style={{marginTop: '1rem'}}></div>
//             <Item arrow="horizontal">网站名称1</Item>
//             <Item arrow="horizontal">网站名称2</Item>
//             <Item arrow="horizontal">网站名称3</Item>
//             <Item arrow="horizontal">网站名称4</Item>
//           </TabPane>
//         </Tabs>
//       </div>
//     )
//   }
//
//   myCarCallBack = (key) => {
//     // console.log('onChange', key);
//   };
//   myCarHandleTabClick = (key) => {
//     switch (key) {
//       case '1': //基本信息
//         this.props.dispatch({
//           type: 'mydjcard/basicInfo',
//           payload: {}
//         });
//         break;
//       case '2': //组织信息
//         this.props.dispatch({
//           type: 'mydjcard/orgInfo',
//           payload: {}
//         });
//         break;
//       case '3': //发挥作用
//         this.props.dispatch({
//           type: 'mydjcard/playRole',
//           payload: {}
//         });
//         break;
//       case '4': //负责网站
//         this.props.dispatch({
//           type: 'mydjcard/responsible',
//           payload: {}
//         });
//         break;
//     }
//   }
// }
//
// function mapStateToProps({mydjcard}) {
//   return {mydjcard}
// }
// export default connect(mapStateToProps)(Mine);
